<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            margin: 0  auto;
            padding: 0;
            

        }
        .warp{
            width: 1000px;
            
        }
        .top {
        width: 100%;
        height: 30px;
        border-bottom: 2px solid #CCCCCC;
        
       
        }
        .top .top-left{
        list-style: none;
        margin-top: 70px;
         color: #99A6C4;
        }
        .top .top-left li{
            float: left;
            
        }
        .top .top-right{
            width: 350px;
            margin-top: -20px;
            float: right;
        }
        .top .top-right select{
            width: 70px;
            height: 29px;
            border: 1px solid #CCCCCC;
            margin-bottom: 2px;
        }
        .top .top-right input{
            width: 200px;
            height: 27px;
            margin-left: -5px;
            border: 1px solid #CCCCCC;
            position: relative;
        }
        .top .top-right .img{
            width: 28px;
            height: 29px;
            position: relative;
            left: -5px;
            top:10px;
        }
       .left-side{
        float: left;
        margin-top: 80px;
       height: 1000px;
       background-color: #F9F9F9;
       }
        .left-side ul{
            list-style: none;
            
        }
        .left-side ul li{
            width: 160px;
            height: 30px;
            line-height: 30px;
           padding-left: 20px;
            color: #1C80C3;
            border-top: 1px solid #ccc;
            background-color: #F9F9F9;
        }
        .left-side ul .left-li{
            background-color: #005BAC;
            color: #fff;
        }
        .right-side{
            width: 750px;
            margin-top: 80px;
            float: right;
            
        }
        .right-side .right-ul{
            border: 2px solid #CCCCCC;
            color: #005BB4;
            margin-top: 30px;
        }
     
       
        .right-side .right-ul ul{
            margin-top: 40px;
            margin-left: 60px;
            padding-bottom: 30px;
            border-bottom: 1px solid #CCCCCC;
        }
        .right-side .right-ul ul li{
            margin-top: 10px;
            
        }
       
        .right-side .rigth-centre{
            font-size: 22px;
        }
        .right-side .right-img img{
            width: 360px;
            height: 200px;
            margin-top: 15px;
        }
        .right-side .right-img div{
            width: 370px;
            height: 179px;
            color: #005BAC;
            font-size: 18px;
            background-color: #EEEEEE;
           float: right;
           margin-top: -204px;
           margin-left: 10px;
           padding-top: 20px;
           padding-left: 26px;
        }
        .right-side .right-ul ul li span{
            float: right;
            margin-right: 20px;
            color: #CCCCCC;
        }
        .right-side .right-ul ul li button{
            border-style: none;
            background-color: #4D9EEE;
            color: #FCFDFF;
        }
        .nav{
            width: 100%;
            height: 40px;
            display: flex;
            position: absolute;
            background-color: #005BAC;
        }
        .nav-ul {
            list-style: none;
            flex: 1;
            
        }
        .nav-ul li{
            float: left;
            line-height: 40px;
            margin-left: 29px;
            position: relative;
            left: 202px;
           top: -44px;
         color: #ffff;
        }
        .nav-img img{
            position: relative;
            left: 0;
            top: 0;
        }
        .bottom{
            width: 100%;
            height: 30px;
            line-height: 30px;
           display: flex;
          
            background-color: #333333;
        }
        .bottom .bottom-copyright{
            flex: 1;
            color: #A2A2A2;
            font-size: 10px;
            margin-left: 95px;
        }
        .bottom img{
            width: 65px;
            height: 29px;
            margin-right: 100px;
        }
        .right-side .right-ul .right-paging{
            list-style: none;
            color: #000000;
            height: 50px;
            
        }
        .right-side .right-ul .right-paging li{
            float: left;
            margin-left: 20px;
        }
        .right-side .right-ul .right-paging li .paging-li{
            width: 25px;
            height: 25px;
            line-height: 20px;
            margin-left: 10px;
            color: #005BAC;
            background-color: #fff;
            border: 1px solid #DDDDDD;
        }
       
        .right-side .right-ul .right-paging li .paging-lii{
            width: 25px;
            height: 25px;
            line-height: 20px;
            color: #005BAC;
            background-color: #fff;
            border: 1px solid #DDDDDD;
        }
        .right-side .right-ul .right-paging li .confirm{
            width: 50px;
            height: 26px;
            color: #000;
            background-color: #fff;
            border: 1px solid #DDDDDD;
        }
        .right-side .right-ul .right-paging .next-page{
            color: #005BAC;
        }
    </style>
</head>
<body>
    <div class="nav"></div>
    <div class="warp">
       
        <div class="nav-img">
            <img src="	https://image.wanda.cn/statics/images/web/logo.png" alt="">
        </div>
        <ul class="nav-ul">
            <li>首页</li>
            <li>新闻中心</li>
            <li>视频中心</li>
            <li>万达产业</li>
            <li>招采平台</li>
            <li>招聘平台</li>
            <li>关于万达</li>
        </ul>
        <div class="top">
            <ul class="top-left">
                <li>首页&ensp;&gt;</li>
                <li>新闻中心</li>
            </ul>
            <div class="top-right">
                <select>
                    <option>新闻</option>
                    <option>义工</option>
                    <option>视频</option>
                    <option>问答</option>
                    <option>Q&A</option>
                   
                </select>
               
                <input type="text" placeholder="请输入关键词">
                <img class="img" src="	https://image.wanda.cn/statics/images/web/header/btn1z.png" alt="">
            </div>
        </div>
        <!-- 左边 -->
        <div class="left-side">
            <ul>
                <li class="left-li">重点关注</li>
                <li>集团要闻</a></li>
                <li>热点专题</li>
                <li>最新动态</li>
                <li>媒体报道</li>
                <li>万达义工</li>
                <li>万达新媒体</li>
            </ul>
        </div>
        <!-- 右边 -->
        <div class="right-side">
            <div class="rigth-centre">新闻中心</div>
            <div class="right-img">
                <img src="https://image.wanda.cn/uploadfile/2020/0209/20200209093229169.jpg" alt="">
                <div>
                    抗击新型冠状病毒感染肺炎疫情&nbsp;&nbsp;我们在行动
                </div>
            </div>
            <div class="right-ul">
                <ul>
                    <li>首届中国丹寨非遗周
                        <button>专题</button>
                        <span>2020-10-21</span>
                    </li>
                    
                    <li>万达人一线抗疫故事
                        <button>专题</button>
                        <span> 2020-04-22</span>
                    </li>
                    <li>抗击新型冠状病毒感染肺炎疫情我们在行动
                        <button>专题</button>
                        <span>2020-04-22</span>
                    </li>
                    <li>热烈庆祝中华人民共和国成立70周年我爱你中国大型主题活动
                        <button>专题</button>
                        <span> 2020-04-22</span>
                    </li>
                    <li>万达集团2019年演讲比赛
                        <button>专题</button>
                        <span>  2019-09-20</span>
                    </li>
                    <li>中国丹赛首届非遗文创节
                        <button>专题</button>
                        <span> 2019-08-26</span>
                    </li>
                </ul>
                <ul>
                    <li>篮球世界杯奖杯丹寨巡展和小冠军选拔
                        <button>专题</button>
                        <span> 2019-08-06</span>
                    </li>
                    <li>丹寨万达小镇开业2周年
                        <button>专题</button>
                        <span>  2019-07-08</span>
                    </li>
                    <li>万达重返足球 重点转向青少年
                        <button>专题</button>
                        <span>2019-04-29</span>
                    </li>
                    <li>丹寨万达小镇全球招募轮值镇长第三季
                        <button>专题</button>
                        <span> 2018-06-15</span>
                    </li>
                    <li>云上丹寨全国摄影大展系列摄影活动
                        <button>专题</button>
                        <span>2019-01-23</span>
                    </li>
                    <li>2019格力·中国杯国际足球锦标赛
                        <button>专题</button>
                        <span> 2019-03-11</span>
                    </li>
                </ul>
                <ul>
                    <li>2019女足世界杯小旗手招募活动正是开启
                        <button>专题</button>
                        <span>2019-01-23</span>
                    </li>
                    <li>万达集团2018年会
                        <button>专题</button>
                        <span> 2019-04-23</span>
                    </li>
                    <li>万达集团2018年演讲比赛
                        <button>专题</button>
                        <span> 2019-01-14</span>
                    </li>
                    <li>最美万达摄影月赛
                        <button>专题</button>
                        <span>2018-09-03</span>
                    </li>
                    <li>第二届“世巡赛·环广西”来了!
                        <button>专题</button>
                        <span> 2019-02-15</span>
                    </li>
                    <li>2018FIFA世界杯护旗手选拔活动专题
                        <button>专题</button>
                        <span>2018-10-17</span>
                    </li>
                </ul>
                <ul class="right-paging">
                    <li>上一页</li>
                    <li>1<button class="paging-li">2</button><button class="paging-li">3</button> <button class="paging-li">4</button></li>
                    <li class="next-page">下一页</li>
                    <li>共4页</li>
                    <li>到第<button class="paging-lii"></button>页</li>
                    <li><button class="confirm">确定</button></li>
                </ul>
               
            </div>
        </div>
    </div>
    <div class="bottom">
        <div class="bottom-copyright">
            大连万达集团股份有限公司官方网站 © 2010-2022 WANDA版权所有 辽ICP备10012005号-1
        </div>
        <img src="https://image.wanda.cn/statics/images/web/logo_bottom.png" alt="">
    </div>
</body>
</html>